<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        // 箭头函数语法
        /*
            let 函数名= (参数)=> {函数体}
        */

        // 1.声明箭头函数
        let abc = (x, y) => {
            return x + y;
        }
        console.log(abc(3, 6))

        // 2.如果形参只有一个，可以省略小括号
        // 没有参数和有两个参数，都需要带括号

        // let bb = (x) => {
        //     return x * x;
        // }
        let bb = x => {
            return x * x;
        }
        console.log(bb(6))

        // 3.如果函数体只有一行代码，可以省略大括号，并且表示返回函数体的结果（不需要加return有它的效果）
        // let bb = (x) => {
        //     return x * x;
        // }
        let cc = x => x * x;
        console.log(cc(6));


        // 实际运用：遍历数组，输出数组的值

        // let arr = [1, 3, 5, 7, 2];
        // arr.forEach(function(item) {
        //     console.log(item);
        // })

        // arr.forEach(item => console.log(item));

        // 两个数组，把数组中的单元放入另一个数组中
        let a = [];
        let arr = [1, 3, 5, 7, 2];

        // arr.forEach(function(item) {
        //     a.push(item)
        // })
        arr.forEach(item => a.push(item));
        console.log(a);
    </script>
</body>

</html>